﻿<modul:PageBase
    x:Class="DaphneMetro.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:DaphneMetro"
    xmlns:modul ="using:Daphne.Modularity.UI"
    xmlns:b2 ="using:Daphne.Board2DMetro"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ctrl="using:Daphne.ControlsMetro.Clock"
    mc:Ignorable="d" >

    <ScrollViewer Background="Black" HorizontalScrollMode="Enabled" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled" >
        <Canvas HorizontalAlignment="Stretch" VerticalAlignment="Stretch">            
            <ctrl:GameClock x:Name="uxClock" HorizontalAlignment="Center" VerticalAlignment="Center" Canvas.Left="10" Canvas.Top="10" >
                <ctrl:GameClock.RenderTransform>
                    <ScaleTransform ScaleX="0.15" ScaleY="0.15" />
                </ctrl:GameClock.RenderTransform>
            </ctrl:GameClock>
            <b2:Board2DControl Canvas.Left="800" Canvas.Top="200" RenderTransformOrigin="0.5 0.5">
                <b2:Board2DControl.RenderTransform>
                    <ScaleTransform ScaleX="0.75" ScaleY="0.75" />                    
                </b2:Board2DControl.RenderTransform>                
            </b2:Board2DControl>
        </Canvas>
    </ScrollViewer>
    <Page.BottomAppBar>
        <AppBar IsOpen="True" Background="{StaticResource AppBarBackgroundThemeBrush}">
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
                <Button x:Name="uxSwitch" Content="Switch" Width="100" Height="100" Background="{StaticResource AppBarItemBackgroundThemeBrush}" />
                <Button x:Name="uxPause" Content="Pause" Width="100" Height="100" Background="{StaticResource AppBarItemBackgroundThemeBrush}" />
                <Button x:Name="uxResume" Content="Resume" Width="100" Height="100" Background="{StaticResource AppBarItemBackgroundThemeBrush}" />
                <Button x:Name="uxEditor" Content="Editor pozic" Width="100" Height="100" Background="{StaticResource AppBarItemBackgroundThemeBrush}" />
                <Button x:Name="uxLicenses" Content="Licence" Width="100" Height="100" Background="{StaticResource AppBarItemBackgroundThemeBrush}" />
            </StackPanel>
        </AppBar>
    </Page.BottomAppBar>
</modul:PageBase>
